<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- CoDing -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>CoDing</title>
        <link rel="shortcut icon" href="images/favicon.ico" /> 


		<!--引用样式表-->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/responsive.css">
	</head>
	<body data-spy="scroll" data-target=".navbar" data-offset="70">
		<!-- 模态框（Modal） 联系我 支付宝 -->
		<div class="modal fade" id="myModalzfb" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<img src="images/zfb.jpg" width="400px"/>
			</div>
		</div>
		<!-- 模态框（Modal） 联系我 微信 -->
		<div class="modal fade" id="myModalWx" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<img src="images/wx.jpg" width="400px"/>
			</div>
		</div>
		
		<!-- 模态框（Modal） 联系我 微信 -->
		<div class="modal fade" id="myModalQQ" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<img src="images/qq.jpg" width="400px"/>
			</div>
		</div>
		
		<!----------------------------------------------------项目 模态框------------------------------------------>
		<!-- 模态框（Modal） 项目1 链猫商城 -->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">链猫商城</h4>
					</div>
					<div class="modal-body">
							<p>项目名称：链猫商城 //2020.03-2020.08</p>
							<p>⚫ 软件环境：Apache Tomcat 9.0/RDS/jdk1.8</p>
							<p>⚫ 开发工具：IntelliJ IDEA</p>
							<p>⚫ 涉及技术：nutzBoot+dubber+redis+shior+vue+element ui 安全框架等等</p>
							<p>⚫ 项目描述：链猫商城是深圳市链猫科技有限公司旗下的社交电商平台， 是以“只链优</p>
							<p>品”业务为核心，以微信为主要载体，基于包括微信、手机两大亿级平台在内的五大移动</p>
							<p>端渠道，打造的全域社交电商平台，整合供应资源，为新零售电商的发展助力。</p>
							<p>项目生态包含供应链系统(S 端)、商家系统（B 端）、代理商系统（A 端）、</p>
							<p>链猫商城系统（C 端）、商城推广系统（P 端）、聚合支付系统（pay 端）。</p>
							<p>⚫ 责任描述：1、全程贯穿 A 端开发</p>
							<p> 2、整体负责维护 C 端项目后端开发及 API 接口提供</p>
							<p> 3、开发运营、商品等兄弟部门所提交的功能需求</p>
							<p>⚫ 使用技术：使用 Maven 来管理项目；</p>
							<p>使用 Druid 作为数据库连接池；</p>
							<p>使用 nutzBoot 来做微服务基础框架；</p>
							<p>使用 Apache Shrio 安全框架进行认证授权；</p>
							<p>使用 Svn 来管理项目的版本等等相关的技术；</p>
							<p>使用 Redis 来对数据库中查询到的数据做缓存处理。</p>
							<p>⚫ 开发人员：15 人</p>
							<p>⚫ 服务器数量：1 台</p>
						</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 模态框（Modal） 项目2 智慧物联网平台 -->
		<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">智慧物联网平台</h4>
					</div>
					<div class="modal-body"><p>⚫ 项目名称：智慧物联网平台 //2019.11-2020.03</p>
								<p>⚫ 软件环境：Apache Tomcat 8.5/MySQL/jdk1.8/nginx</p>
								<p>⚫ 开发工具：STS</p>
								<p>⚫ 涉及技术：SpringBoot、JavaFx、FFmpage、WebSocket、Vue、Element 等等</p>
								<p>⚫ 项目描述：本项目为物联网行业提供解决方案，包括智慧空调(温室监控、远程控温)、智</p>
								<p>慧机房(通信机房动环监控)、智慧养老(养老数据监控管理)、智慧排水(城市排水系统监</p>
								<p>控)、智慧货运(货运车辆监控管理)、智慧园区(生产园区监控)、智慧环卫(环卫活动监控)、</p>
								<p>智慧监狱(监狱监控管理)以及各种数据大屏以及数据分析等。</p>
								<p>⚫ 责任描述：</p>
								<p>⚫ 1、使用定时任务对系统的温控、水控和环卫人员的数据进行统计分析。</p>
								<p>2、参与整体系统的需求调研、业务模块划分、数据库的设计、对平台信息维护和单元测</p>
								<p>试，集成测试。</p>
								<p>3、智慧排水:智能井盖的上报倾斜度、有害气体监控、水位监控；排水管道的虚拟还原排</p>
								<p>水管道线路，排水系统数据处理 ；任务管理的异常报警下达任务给维护人员；检修人员的</p>
								<p>任务流程管理。</p>
								<p>4、智慧环卫:紧急救援的手环一键呼救或雪压心率异常，监控中心报警；电子围栏的规范</p>
								<p>人员活动范围，越过围栏时系统自动报警；智能手换的定时上报位置、心率、血压等；人</p>
								<p>员管理的智能设备与活动轨迹。</p>
								<p>5、综合告警服务: 通过传感器获取生产环境、环节实时数据, 根据告警规则对监控数据进</p>
								<p>行甄别告警并向巡检、运维人员下发工单对告警进行维护</p>
								<p>6、智慧空调:数据大屏三维可视化的数据分析；温控日志的温度控制器定时上报数据的历</p>
								<p>史存档查询；温控设备的空调温度控制器的管理查询和参数配置；任务管理的异常报警下</p>
								<p>达任务给维护人员，管理任务执行；检修人员的任务流程管理。</p>
								<p>⚫ 使用技术：使用 Maven 来构建项目；</p>
								<p>使用 SpringBoot 来搭建项目；</p>
								<p>使用 WebSocket 来通知告警信息；</p>
								<p>使用 MyBatis 来对持久层数据的处理；</p>
								<p>使用 svn 来管理项目的版本等等相关的技术。</p></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 模态框（Modal） 项目3 天元财务管理系统 -->
		<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">天元财务管理系统</h4>
					</div>
					<div class="modal-body"><p>⚫ 项目名称：天元财务管理系统 //2019.10-2019.12</p>
								<p>⚫ 软件环境：Apache Tomcat 9.0/MySQL/jdk1.8</p>
								<p>⚫ 开发工具：Eclipse</p>
								<p>⚫ 涉及技术: SpringBoot、Mapper、Vue、Element、ECharts 等等</p>
								<p>⚫ 项目描述：本系统是为方便财务人员便捷化处理公司财务业务；系统包含 PO(负责项目人</p>
								<p>员)基础数据管理、项目回款管理、应收款信息查询统计、年产值统计、成本(报销)管理、</p>
								<p>PO 组管理、SBI(合同中的回款比例)管理等多模块业务管理。</p>
								<p>⚫ 责任描述：</p>
								<p>1、项目管理中的 PO 基础数据、PO 回款数据、应收账款信息查询统计。</p>
								<p>2、成本管理中的对内成本(奖金、社保、工资、报销、提成)、对外成本(专项、外包、挂</p>
								<p>靠、商务)。</p>
								<p>3、系统的前期的需求调研、业务模块划分、数据库设计，统计分析模块的需求分析。</p>
								<p>4、系统管理中的基础数据信息(PO)、部门信息、岗位信息、用户信息、权限分配、登陆</p>
								<p>日志查询等。</p>
								<p>5、报表统计中的首付款/次款/尾款延期明细、SBI 数据明细查询、预计到款明细表、年收</p>
								<p>款明细表、年度订单总结。</p>
								<p>⚫ 使用技术：使用 Maven 来管理项目；</p>
								<p> 使用 Druid 作为数据库连接池;</p>
								<p>使用 SpringBoot 框架来开发处理类；</p>
								<p>使用 Apache Shrio 安全框架进行认证授权；</p>
								<p>使用 Git 来管理项目的版本等等相关的技术。</p>
								<p>⚫ 开发人员：5 人</p>
								<p>⚫ 服务器数量：1 台</p></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 模态框（Modal） 项目4 安徽无线电协会会员考试系统 -->
		<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">安徽无线电协会会员考试系统</h4>
					</div>
					<div class="modal-body"><p>⚫ 项目名称：安徽无线电协会会员考试系统 //2019.9-2019.11</p>
								<p>⚫ 软件环境：Apache Tomcat 8.5/MySQL/jdk1.8</p>
								<p>⚫ 开发工具：STS</p>
								<p>⚫ 涉及技术：springboot 、mysql 、shior、vue、element、微信公众号等等</p>
								<p>⚫ 项目描述：本系统是围绕会员管理、在线缴费报名、会员选考考科目、分配考场、考试监</p>
								<p>控、分数统计、短信通知、会员续费、年季度度汇总数据和公众号后台管理等业务模块</p>
								<p>⚫ 责任描述：</p>
								<p>1、 年季度的数据统计分析汇总；</p>
								<p>2、 考场的摄像头视频数据推送；</p>
								<p>3、会员登陆的公众号端的微信衔接；</p>
								<p>4、选考科目模块，对考试报考的资格条件进行判断筛选；</p>
								<p>5、参与系统的需求调研、业务模块划分、数据库的设计，统计分析模块的需求分析。</p>
								<p>⚫ 使用技术：使用 Maven 来管理项目;</p>
								<p> 衔接微信公众平台开发接口;</p>
								<p>使用 Druid 作为数据库连接池；</p>
								<p>使用 Apache Shrio 安全框架进行认证授权；</p>
								<p>使用 SVN 来管理项目的版本等等相关的技术；</p>
								<p>使用阿里云存储和短信服务来管理项目文件和系统通知；</p>
								<p>⚫ 开发人员：6 人</p>
								<p>⚫ 服务器数量：1 台</p></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 模态框（Modal） 项目5 诺基亚物流交付系统 -->
		<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">诺基亚物流交付系统</h4>
					</div>
					<div class="modal-body"><p>项目名称：诺基亚物流交付系统 //2019.08-2019.10</p>
								<p>⚫ 软件环境：Apache Tomcat 8.5.0/MySQL/jdk1.8</p>
								<p>⚫ 开发工具：STS</p>
								<p>⚫ 涉及技术：SpringBoot、Vue、Element 等等</p>
								<p>⚫ 项目描述：本系统是为解决 Nokia 与客户、物流公司之间的业务需求；系统包含客户、供</p>
								<p>方、产品、订单、合同等多模块的业务流程系统，并且该系统页面和后端返回大的提示语</p>
								<p>句采用全英文语言。</p>
								<p>⚫ 责任描述：</p>
								<p>⚫ 1、角色权限的系统管理员，企业管理员，企业子帐号（下单人员，物流客服，货运客</p>
								<p>服）等角色，以及系统管理员分配企业管理员，企业管理员添加自己企业下的子帐号。</p>
								<p>⚫ 2、订单管理的创建订单、订单列表、订单核销、订单详情、打印提供单和验货单。</p>
								<p>⚫ 3、客户管理的客户资料信息管理，网点(收货工厂)管理，WBS(合同)管理。</p>
								<p>⚫ 4、供方管理的供货地址、联系人、联系电话的列表、增加、删除管理。</p>
								<p>⚫ 5、产品管理的一级、二级产品管理，增加删除。</p>
								<p>⚫ 使用技术：使用 SpringBoot 框架来开发处理类；</p>
								<p>使用 MyBatis 来对持久层数据的处理；</p>
								<p>使用 Redis 来保存从数据库中查询到的数据；</p>
								<p>使用 SVN 来管理项目的版本等等相关的技术;</p>
								<p>使用 SpringMVC 的过滤器、拦截器、监听器来对用户登陆的权限控制。</p>
								<p>⚫ 开发人员：7 人</p>
								<p>⚫ 服务器数量：1 台</p></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 模态框（Modal） 项目6 农业门户官网系统 -->
		<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">农业门户官网系统</h4>
					</div>
					<div class="modal-body"><p>项目名称：农业门户官网系统 //2020.08-2020.9</p>
								<p>⚫ 软件环境：Apache Tomcat 8.5.0/MySQL/jdk1.8</p>
								<p>⚫ 开发工具：IntelliJ IDEA、HbuilderX</p>
								<p>⚫ 涉及技术：SpringBoot、Vue、Element 等等</p>
								<p>⚫ 项目描述：本系统是为企业资质、组织、产品等相关新闻进行介绍</p>
								<p>⚫ 责任描述：</p>
								<p>⚫ 全权负责产开发、部署、测试、运维</p>
								<p>⚫ 使用技术：使用 SpringBoot 框架来开发处理类；</p>
								<p>使用 MyBatis 来对持久层数据的处理；</p>
								<p>使用 Redis 来保存从数据库中查询到的数据；</p>
								<p>使用 Git 来管理项目的版本等等相关的技术;</p>
								<p>使用 SpringMVC 的过滤器、拦截器来实现静态资源管控。</p>
								<p>使用 SpringAop 来实现接口的权限管理</p>
								<p>⚫ 开发人员：5 人</p>
								<p>⚫ 服务器数量：1 台</p></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
		<!----------------------------------------------------介绍自我------------------------------------------>
		<section class="intro" id="intro">
			<div class="container">
				<div class="row">
					<div class="intro-text">
						<h1>Hello, 我是coDing</h1>
						<p>应聘Java工程师</p>
						<a class="btn btn-default btn-lg" href="#about">关于我</a>
						<a class="btn btn-default btn-lg" href="#works">我的作品</a>
					</div>

					<p class="next text-center">
						<a href="#about" id="go-to-next">
							<i class="fa fa-arrow-circle-down"></i>
						</a>
					</p>
				</div>
			</div>
		</section>

		<!------------------------------------------------------------导航条----------------------------------------->

		<nav class="navbar navbar-inverse" role="navigation" id="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<i class="fa fa-bars"></i>

					</button>
					<a class="navbar-brand" href="#intro">CoDing</a>
				</div>
				<div class="collapse navbar-collapse" id="navbar">
					<ul class="nav navbar-nav navbar-right navbar-custom">
						<li><a href="#intro">首页</a></li>
						<li><a href="#about">关于</a></li>
						<li><a href="#works">校园</a></li>
						<li><a href="#skills">技能</a></li>
						<li><a href="#experience">经历</a></li>
						<li><a href="#project">项目</a></li>
						<li><a href="#expect">期望</a></li>
						<li class="noBorder"><a href="#contact">联系我</a></li>
					</ul>
				</div>
			</div>
		</nav>

		<!-----------------------------------------------------------关于我----------------------------------------->

		<section class="about-me" id="about">
			<div class="container">
				<div class="row">
					<div class="section-title col-md-12 text-center">
						<h2>About me</h2>
						<hr>
					</div>
					<div class="col-md-12 text-center">
						<img class="img-circle img-w" src="images/about-me.jpg" alt="">
					</div>
					<div class="col-md-8 col-md-offset-2">
						<div class="about-text">
							<p class="text-indent">我就读于<a href="https://www.chzc.edu.cn/">滁州职业技术学院</a>&nbsp;<a href="https://www.chzc.edu.cn/xxx/index.htm">信息工程学院</a>&nbsp;<a
								 href="https://www.chzc.edu.cn/xxx/zysz/ydhlyyjs.htm">移动互联应用技术专业</a>，本专业正是面向IT工程师岗位的。</p>
							<p class="text-indent">本人在校期间，专业技能方面优秀，做过一些团队合作的项目，以及个人项目。所以在我们公司可以更好地进行团队合作完成项目。</p>
							<p class="text-center">
								<!-- <a class="btn btn-primary" href="images/周雨_java开发工程师.pdf">
									<i class="fa fa-download"></i> 下载简历
								</a> -->
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--------------------------------------------------------我的作品---------------------------------------->

		<section class="works" id="works">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center section-title">
						<h2>在校技能</h2>
						<hr>
						<p>这是我在校期间学习的一些技能</p>
					</div>

					<div id="works-display">
						<div class="container">
							<div class="portFilter text-center">
								<a class="current" href="#" data-filter>全部</a>|
								<a href="#" data-filter=".design">设计</a>|
								<a href="#" data-filter=".deve">开发</a>|
								<a href="#" data-filter=".qa">测试</a>|
								<a href="#" data-filter=".m">管理</a>|
								<a href="#" data-filter=".p">技术</a>
							</div>
							<div class="row">
								<div id="work-item" class="work-item isotope" style="position: relative; overflow:hidden; height: 580px;">
									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 design" style="width: 290px;">
										<img src="images/img1.png" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">移动软件UI交互设计</h4>
													<small class="portFilter-content">设计</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 design" style="width: 290px;">
										<img src="images/img2.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">Java面向对象程序设计</h4>
													<small class="portFilter-content">设计</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img3.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">移动 Web应用开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img4.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">移动终端应用开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img5.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">Android综合移动应用开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img6.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">Android Hybrid APP混合开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img7.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">Android多媒体与游戏开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 deve" style="width: 290px;">
										<img src="images/img8.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">IOS应用开发</h4>
													<small class="portFilter-content">开发</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>


									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 qa" style="width: 290px;">
										<img src="images/img9.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">移动应用软件测试</h4>
													<small class="portFilter-content">测试</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 m" style="width: 290px;">
										<img src="images/img10.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="http://www.czzyca.com/">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">计算机协会会长</h4>
													<small class="portFilter-content">管理</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>
									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 m" style="width: 290px;">
										<img src="images/img11.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">班级学习委员</h4>
													<small class="portFilter-content">管理</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 p" style="width: 290px;">
										<img src="images/img12.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">数据库应用技术</h4>
													<small class="portFilter-content">技术</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>

									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 p" style="width: 290px;">
										<img src="images/img13.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">软件工程与UML建模技术</h4>
													<small class="portFilter-content">技术</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>
									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 p" style="width: 290px;">
										<img src="images/img14.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">HTML5及前端技术</h4>
													<small class="portFilter-content">技术</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>
									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 p" style="width: 290px;">
										<img src="images/img15.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">移动APP前端框架</h4>
													<small class="portFilter-content">技术</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>
									<figure class="isotope-items item col-md-3 col-lg-3 col-sm-6 p" style="width: 290px;">
										<img src="images/img16.jpg" alt="item1" class="img-circle">
										<figcaption>
											<a class="portFilter-container text-center" href="">
												<div class="portFilter-caption">
													<h4 class="portFilter-title">数据结构与算法</h4>
													<small class="portFilter-content">技术</small>
												</div>
												<span class="portFilter-icon">
													<i class="fa fa-search"></i>
												</span>
											</a>
										</figcaption>
									</figure>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-------------------------------------------------------我的领域------------------------------------->

	<section class="about-me" id="about">
			<div class="container">
				<div  id="wordcloud_echarts" style="height:90%;"></div>
			</div>
		</section>
		<!-------------------------------------------------------我的技能------------------------------------------->
		<section class="skills" id="skills">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center section-title">
						<h2>my skills</h2>
						<hr>
						<p>我的技能</p>
					</div>

					<div class="progress-container">
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div id="myChart1" class="col-md-12" style="width: 100%;height:600px;"></div>
						<div class="panel-group" id="accordion">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseDetail">
											查看详情
										</a>
									</h4>
								</div>
								<div id="collapseDetail" class="panel-collapse collapse">
									<div class="panel-body">
										<div class="col-md-6">
											<div class="progress thin .animated wow">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">1.良好的Java基础，了解面向编程思想和MVC设计</span>
												<div class="progress-bar default-bar" role="progressbar" aria-valuenow="78%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 78%;">
													<span class="progress-percent">78%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">2.经常使用Eclipse. STS. IntelliJ IDEA、HbuilderX、Navicat、StarUML等软件;</span>
												<div class="progress-bar  light-yellow-bar" role="progressbar" aria-valuenow="75%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 75%;">
													<span class="progress-percent">75%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">3.掌握HTML. CSS. JavaScript. jQuery. JSTL. EL等基础知识;</span>
												<div class="progress-bar  light-red-bar" role="progressbar" aria-valuenow="82%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 82%;">
													<span class="progress-percent">82%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">4.掌握Apache、Tomcat、Nginx、Mysql等服务器的部署与搭建;</span>
												<div class="progress-bar  light-green-bar" role="progressbar" aria-valuenow="85%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 85%;">
													<span class="progress-percent">85%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">5.熟练使用Thymeleaf.JSP. Servlet. JDBC. Ajax、Axios等技术;</span>
												<div class="progress-bar light-grape-bar" role="progressbar" aria-valuenow="65%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 65%;">
													<span class="progress-percent">65%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">6.熟练使用Maven、Gradle创建工程;</span>
												<div class="progress-bar default-bar" role="progressbar" aria-valuenow="90%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 90%;">
													<span class="progress-percent">90%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">7.熟练使用SpringBoot、SpringCloud等主流框架;</span>
												<div class="progress-bar light-yellow-bar" role="progressbar" aria-valuenow="70%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 70%;">
													<span class="progress-percent">70%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">8.熟练使用Git和SVN版本控制工具;</span>
												<div class="progress-bar light-red-bar" role="progressbar" aria-valuenow="93%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 93%;">
													<span class="progress-percent">93%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">9.熟练使用Linux常用命令;</span>
												<div class="progress-bar light-green-bar" role="progressbar" aria-valuenow="65%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 65%;">
													<span class="progress-percent">65%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">10.熟练使用SpringMVC的控制器、过滤器、监听器实现安全校验，了解shiro和spring security 等安全框架;</span>
												<div class="progress-bar light-grape-bar" role="progressbar" aria-valuenow="55%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 55%;">
													<span class="progress-percent">55%</span>
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">11.熟练使用MySQL，了解Oracle、MongoDB、Redis数据库;</span>
												<div class="progress-bar default-bar" role="progressbar" aria-valuenow="68%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 68%;">
													<span class="progress-percent">68%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">12.熟练使用Mybatis，了解Hibernate和SpringDataJPA 等ORM框架;</span>
												<div class="progress-bar light-yellow-bar" role="progressbar" aria-valuenow="72%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 72%;">
													<span class="progress-percent">72%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">13.使用过JavaFX和Swing开发过桌面端应用程序;</span>
												<div class="progress-bar light-red-bar" role="progressbar" aria-valuenow="45%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 45%;">
													<span class="progress-percent">45%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">14.使用过RabbitMQ和ActiveMQ消息中间件;</span>
												<div class="progress-bar light-green-bar" role="progressbar" aria-valuenow="36%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 36%;">
													<span class="progress-percent">36%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">15.使用过Vue、EasyUl、Bootstrap、Element、MUI等前端框架;</span>
												<div class="progress-bar light-grape-bar" role="progressbar" aria-valuenow="68%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 68%;">
													<span class="progress-percent">68%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">16.使用过dubbo和spring cloud架构体系;</span>
												<div class="progress-bar default-bar" role="progressbar" aria-valuenow="72%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 72%;">
													<span class="progress-percent">72%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">17.使用过Ajax轮询和WebSocket进行连接通信;</span>
												<div class="progress-bar light-yellow-bar" role="progressbar" aria-valuenow="56%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 56%;">
													<span class="progress-percent">56%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">18.使用过Jenkins和禅道做项目持续集成持续交付及测试bug管理;</span>
												<div class="progress-bar light-red-bar" role="progressbar" aria-valuenow="48%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 70%;">
													<span class="progress-percent">48%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">19.了解Elastisearch与Solr搜索引擎。</span>
												<div class="progress-bar light-green-bar" role="progressbar" aria-valuenow="42%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 42%;">
													<span class="progress-percent">42%</span>
												</div>
											</div>
											<div class="progress thin">
												<!--<div class="progress-title">html</div>-->
												<span class="progress-text">20.了解过SpringbootPlus,SpringCloudPlus以及VueElmentAdmin脚手架搭建部署。</span>
												<div class="progress-bar light-grape-bar" role="progressbar" aria-valuenow="36%" aria-valuemax="100"
												 aria-valuemin="0" style="width: 36%;">
													<span class="progress-percent">36%</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-------------------------------------------------------我的实践经历------------------------------------->

		<section class="experience" id="experience">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center section-title">
						<h2>经历</h2>
						<hr>
						<p>这是我的一些经历</p>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<ul class="timeLine">
								<li class="clearfix">
									<div class="timeLine-image col-md-8">
										<h4>
											2019年8月 <br>
												- <br>
											2021年7月
										</h4>
									</div>
									<div class="timeLine-text marginR pull-right text-left col-md-4">
										<h4 class="text-center"><a href="http://47.114.7.137:8094"target=_blank>合肥华软科技股份有限公司</a></h4>
										<h4 class="smallHeading text-center">Java</h4>
										<p class="text-indent">华软公司是一家以空间信息技术为主导，涉及系统集成、数字水利、数字移民、政府应急、各行业地理信息系统开发的专业软件企业。</p>
										<p class="text-indent">华软公司以“专注 专心 专业”的核心精神，依托中国科学院、水利部科技推广中心以及合肥各高校的强大技术后盾，致力于为用户提供成熟、实用的产品和专业、贴心的服务，并矢志提升中国软件产品的应用价值，推动中国软件业的发展。</p>
									</div>
								</li>
								<li class="clearfix">
									<div class="timeLine-image col-md-8">
										<h4>
											2021年 8月 <br>
											- <br>
											2024年 3月
										</h4>
									</div>
									<div class="timeLine-text marginL text-left col-md-4">
										<h4 class="text-center"><a href="http://www.cfcc.cc/" target=_blank>芜湖百得思维科技有限公司</a></h4>
										<h4 class="smallHeading text-center">Java</h4>
										<p class="text-indent">芜湖百得思维信息科技有限公司是专门从事语音技术研究、人工智能项目研发、大型IT工程项目建设的高科技公司。它成立于 2013 年 6 月 13 日，目前拥有在职员工3000多人，百得思维80%得员工都从事研发等技术岗位。公司现拥有多个解决方案交付中心、移动端应用研究中心、应用软件交付中心、人才发展和实训中心、总部设在安徽合肥，在芜湖、武汉设有技术研发中心，同时业务覆盖京津冀、北上广。  </p>
										<p class="text-indent">百得思维倡导“信息技术服务改变未来”的经营理念，立志成为最受社会、客户、投资者和员工尊敬的公司，并通过组织与过程的持续改进，领导力与员工竞争力的发展，合作与开放式创新，将科学的管理体系与先进的IT信息技术相结合，致力于成为中国IT信息技术服务和人才服务领域的领先企业。 </p>
									</div>
								</li>
								<li class="clearfix">
									<div class="timeLine-image col-md-8">
										<h4>
											2024年 4月 <br>
											- <br>
											至今
										</h4>
									</div>
									<div class="timeLine-text marginR pull-right text-left col-md-4">
										<h4 class="text-center"><a href="http://www.lvwo-recycling.com/" target=_blank>安徽绿沃循环能源科技有限公司</a></h4>
										<h4 class="smallHeading text-center">Java</h4>
										<p class="text-indent">安徽绿沃循环能源科技有限公司成⽴于2017年5⽉16⽇，注册资本5000万元，是⼀家专业从事新能源汽⻋废旧动⼒蓄电池综合利⽤和⼤数据公共服务的⾼新技术企业。</p>
										<p class="text-indent">公司以锂电池系统运营为核⼼，通过技术创新、模式创新，结合智能制造，实现智慧能源服务。 </p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!----------------------------------------------------项目------------------------------------------>

		<section class="project" id="project">
			<div class="container">
				<div class="row">
					<div class="section-title text-center col-md-12">
						<h2>Project</h2>
						<hr>
						<p>经验丰富，领域多变</p>
					</div>
					<!-- 为ECharts 词云图准备一个具备大小（宽高）的Dom -->
					<div id="cyt" class="col-md-12" style="width: 100%;height:600px;"></div>
					
				</div>
			</div>
			</div>
		</section>
		
		<!----------------------------------------------------期望------------------------------------------>
		
		<section class="expect" id="expect">
			<div class="container">
				<div class="row">
					<div class="section-title text-center col-md-12">
						<h2>期望</h2>
						<hr>
						<p>一砖多能，技术栈广</p>
					</div>
					<!-- 为ECharts 雷达图准备一个具备大小（宽高）的Dom -->
					<div id="radarChart" class="col-md-12" style="width: 100%;height:600px;"></div>
					
				</div>
			</div>
			</div>
		</section>
		<!------------------------------------------------------------联系我----------------------------------------------->

		<section class="contact" id="contact">
			<div class="container">
				<div class="row">
					<div class="section-title text-center col-md-12">
						<h2>contact me</h2>
						<hr>
						<p>如果你对我感兴趣的话，请告诉我噢！</p>
					</div>
					<div class="col-md-8 col-md-offset-2">
						<div class="col-md-4 col-sm-4 text-center">
							<i class="fa fa-map-marker fa-2x text-center"></i>
							<p>合肥
							</p>
						</div>
						<div class="col-md-4 col-sm-4 text-center">
							<i class="fa fa-envelope-o fa-2x text-center"></i>
							<p>1290830061@qq.com</p>
						</div>
						<div class="col-md-4 col-sm-4 text-center">
							<i class="fa fa-phone fa-2x text-center"></i>
							<p> 182-5657-2657</p>
						</div>
					</div>

					<div class="col-md-8 col-sm-12 col-md-offset-2">
						<div class="social">
							<ul>
								<li>
									<a data-toggle="modal" data-target="#myModalWx"><i class="fa fa-weixin fa-lg"></i></a>
								</li>
								<li>
									<a  data-toggle="modal" data-target="#myModalQQ"><i class="fa fa-qq fa-lg"></i></a>
								</li>
								<li>
									<a  data-toggle="modal" data-target="#myModalzfb"><i class="fa fa-paypal fa-lg"></i></a>
								</li>
								<li>
									<a href="http://nav.ahzy.top" target=_blank><i class="fa fa-file-text fa-lg"></i></a>
								</li>
								<li>
									<a href="https://gitee.com/coDing404" target=_blank><i class="fa fa-github fa-lg"></i></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>



		<!---------------------------------------------------------版权区----------------------------------------->

		<footer>
			<div class="copyright">
				<p>copyRight &copy;2020.9 CoDing.</p>
			</div>
		</footer>


		<!--链接外部脚本-->
		<script src="script/jquery-1.11.1.min.js"></script>
		<script src="script/bootstrap.min.js"></script>
		<!--过滤信息所用的插件-->
		<script src="script/jquery.isotope.js"></script>
		<!-- 引入 echarts.js -->
		<script src="script/echarts.min.js"></script>
		<!-- 引入 echarts 词云图 -->
		<script src="script//worldcloud.js"></script>
		<script src="script/js.js"></script>

	</body>
</html>
